<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JSON学习</title>
    <script type="text/javascript">
        /*
        JSON在html的定义格式
        定义在script内
        var JSON变量名 = {
            k1: v1,
            k2: v2,
            k3: v3,
            ...
        }
        1.key值默认为string类型,可加 " " | ' ' | 空
        2.value可以是 字符串 | 数字 | JSON对象 | 数组
        3.value为数组时,数组内可以 字符串 | 数字 | JSON对象 | 数组 共存
         */
        window.onload = function () {
            var myJson = {
                "key1": "JFire", //字符串
                "key2": 12, //数字
                "key3": {"k1": "hello", "k2": "world"}, //json对象
                "key4": [1, "tom", 2.3], //数组
                "key5": [
                    {"k1": 99, "k2": "hi"},
                    {"k1": 8.7, "k2": "hei", "k3": 60},
                    465
                ] // 数组组合
            }
            console.log("key1=", myJson.key1);
            console.log("key2=", myJson.key2);
            console.log("key3=", myJson.key3);
            console.log("key4=", myJson.key4);
            console.log("key5=", myJson.key5);

            for (let i = 0; i < myJson.key4.length; i++) {
                console.log("key4的第%i元素为:", i, myJson.key4[i]);
            }

            console.log("key3-json的k2=", myJson.key3.k2);
            console.log("key4[2]=", myJson.key4[2]);
            console.log("key5[1]-json的k1=", myJson.key5[1].k1);
        }
    </script>
</head>
<body>
</body>
</html>